<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>

<!--
   后端路由：更改了url，浏览器会向服务器请求另一套资源，后端会把已经渲染好的页面发送给服务器，让前端展示
   前后端分离：后端只提供API接口来返回数据，前端通过Ajax获取数据，并且通过前端js将数据渲染到页面上
   前端路由：在前后端分离的基础上加了一层前端路由，单页面富应用阶段
           更改了url，页面不进行整体刷新，不会向服务器请求任何资源。而是生成一个url向第一次打开页面时就
           向服务器下载了全套资源的页面请求需要的组件，并通过前端js渲染到新的页面。、
           一个url对应一个组件
-->
</body>
</html>